<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SVG 画图</title>
</head>
<body>
<!--<svg width="1000px" height="1000px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     version="1.1" >
    <circle r="7" id="root" cx="100" cy="200" fill="green"/>
</svg>-->
<svg width="100%" height="100%" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
<rect style="margin:0 auto;" width="200px" height="200px" fill="#00ffff">

</rect>
    <text x="0" y="15" fill="red">生物</text>
</svg>
</body>
<script type="text/javascript">
    console.log(document.body.clientWidth);
    console.log(document.body.clientHeight);

</script>
</html>